<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数字设计</title>
    <link rel="stylesheet" href="__STATIC__/index/plugins/swiper/swiper-bundle.min.css" >
    <link rel="stylesheet" href="__INDEXCSS__/animate.min.css" >
    <link rel="stylesheet" href="__INDEXCSS__/index.css" >
    <link rel="stylesheet" href="__INDEXCSS__/media.css" >
</head>
<body>
    {include file="index/header" /}
    <main class="design b-eeeeee">
        <section class="section1 section1-top">
            <div class="section1-top-hand animated fadeInRight wow">
                <img src="__INDEXIMG__/img18.png">
            </div>
            <div class="section1-top-yellow">
                <div class="section1-top-yellow-big"></div>
                <div class="section1-top-yellow-small"></div>
            </div>
            <div class="index-container">
                <div class="section1-container">
                    <p class="section1-etitle animated fadeInLeft wow">DIGITAL<br>DESIGN</p>
                    <p class="section1-title animated fadeInLeft wow">数字设计</p>
                    <p class="section1-content animated fadeInUp wow">通过数字化技术和创意思维的碰撞，产生视觉和交互的火花<br>旨在创造出具有良好用户体验和视觉效果的作品</p>
                    <div class="section1-form animated fadeInUp wow">
                        <p class="section1-form-title">预约咨询顾问，请留下您的电话号码</p>
                        <div class="section1-flex">
                            <input class="section1-input" type="tel" placeholder="请填写您的手机号码">
                            <button class="section1-btn"><img src="__INDEXIMG__/img20.png"></button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section2 index-container">
            <div class="item">
                <div class="info">
                    <p class="title wow" data-type="rows">品牌网站定制</p>
                    <p class="text wow" data-type="rows">精美的页面布局、优秀的用户体验以及先进的技术支持</p>
                    <a href="{:gourl('','pro',161)}" class="link animated fadeInUp wow index-btn">VIEW MORE</a>
                    <div class="overflow-h">
                        <ul class="animated fadeInUp1 wow">
                            <li>品牌网站设计</li>
                            <li>小程序开发</li>
                            <li>APP开发</li>
                            <li>移动端网站开发</li>
                        </ul>
                    </div>
                </div>
                <div class="img animated fadeInRight wow">
                    <img src="__INDEXIMG__/img21.png">
                </div>
            </div>
            <div class="item">
                <div class="info">
                    <p class="title wow" data-type="rows">系统界面设计</p>
                    <p class="text wow" data-type="rows">创建一个直观、易于使用且美观的界面，通过可视化设计将数据与业务完美融合</p>
                    <a href="{:gourl('','pro',166)}" class="link animated fadeInUp wow index-btn">VIEW MORE</a>
                    <div class="overflow-h">
                        <ul class="animated fadeInUp1 wow">
                            <li>大屏终端数据交互可视化</li>
                            <li>数字化智慧园区</li>
                            <li>新零售数字中台</li>
                            <li>企业级数字平台</li>
                        </ul>
                    </div>
                </div>
                <div class="img animated fadeInLeft wow">
                    <img src="__INDEXIMG__/img22.png">
                </div>
            </div>
            <div class="item">
                <div class="info">
                    <p class="title wow" data-type="rows">互动营销创意</p>
                    <p class="text wow" data-type="rows">以创意设计和互动技术提升品牌知名度，开启网络新媒体营销4.0时代</p>
                    <a href="{:gourl('','pro',171)}" class="link animated fadeInUp wow index-btn">VIEW MORE</a>
                    <div class="overflow-h">
                        <ul class="animated fadeInUp1 wow">
                            <li>数字营销</li>
                            <li>移动端营销</li>
                            <li>公众号定制开发</li>
                            <li>多媒体内容定制</li>
                        </ul>
                    </div>
                </div>
                <div class="img animated fadeInRight wow">
                    <img src="__INDEXIMG__/img23.png">
                </div>
            </div>
        </section>
    </main>
    {include file="index/footer" /}
    <script src="__INDEXJS__/jquery.js"></script>
    <script src="__INDEXJS__/jquery.countup.min.js"></script>
    <script src="__INDEXJS__/jquery.waypoints.min.js"></script>
    <script src="__INDEXJS__/wow.js"></script>
    <script src="__STATIC__/index/plugins/swiper/swiper-bundle.min.js"></script>
    <script src="__INDEXJS__/jquery.fittext.js"></script>
    <script src="__INDEXJS__/jquery.lettering.js"></script>
    <script src="__INDEXJS__/jquery.textillate.js"></script>
    <script src="__INDEXJS__/gsap.min.js"></script>
    <script src="__INDEXJS__/ScrollTrigger.min.js"></script>
    <script src="__INDEXJS__/util.js"></script>
    <script src="__INDEXJS__/public.js"></script>
</body>
</html>